<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/emp.css">
    <link rel="stylesheet" href="./css/mina.css">
</head>

<body>
    <!-- 容器 -->
    <div class="container">
        <!-- 页头 -->
        <div class="header">
            <!-- 导航栏 -->
            <div class="nav">
                <div class="nav-loge">
                    <a href="" class="loge-a">
                        <img src="../demo/imgs/蓝狐.png" alt="">
                    </a>
                    <span>蓝狐教育</span>

                </div>
                <div class="nav-right">
                    <ul>
                        <li> <a href="../demo/index.html">首页</a></li>
                        <li> <a href="../demo/elites.html">精品课程</a>
                            <div class="pull-down">
                                <a href="../demo/elites.html">前端工程</a>
                                <a href="../demo/rubbish-uI.html">uI垃圾</a>
                            </div>
                        </li>
                        <li> <a href="../demo/employment-service.html">就业服务</a></li>
                        <li> <a href="../demo/news.html">新闻动态</a></li>
                        <li> <a href="../demo/about.html">关于我们</a></li>
                </div>
            </div>
        </div>
        <div class="content-img">
            <img src="../demo/imgs/就业服务/主图.png" alt="">
        </div>
        <div class="content">
            <div class="content-one">
                <ul>
                    <li><img src="../demo/imgs/就业服务/提供.png" alt=""></li>
                    <li><img src="../demo/imgs/就业服务/实操.png" alt=""></li>
                    <li><img src="../demo/imgs/就业服务/打磨.png" alt=""></li>
                    <li><img src="../demo/imgs/就业服务/推荐.png" alt=""></li>
                </ul>
            </div>
            <div class="content-two">
                <p>全新学习方式</p>
                <p>全场景学习系统
                    <span class="content-two-sp">（线上线下随便学）</span></p>
                <div class="content-two-top">
                    <ul>
                        <li>
                            <img src="../demo/imgs/就业服务/场景1.png" alt="">
                            <p class="content-two-top-p">面授场景</p>
                            <p>全日制教学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;岗位定向课程</p>
                            <p>商业案例实操&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;资深大牛执教</p>
                            <p>企业定制培养</p>
                        </li>
                        <li>
                            <img src="../demo/imgs/就业服务/场景2.png" alt="">
                            <p class="content-two-top-p">在线场景</p>
                            <p>当天课程全程录像&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全天候专家答疑</p>
                            <p>作业点评指导&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关卡式学习</p>
                            <p>大咖公开课</p>
                        </li>
                        <li>
                            <img src="../demo/imgs/就业服务/场景3.png" alt="">
                            <p class="content-two-top-p">离线场景</p>
                            <p>学习进程分析&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;扩展课程学习</p>
                            <p>能力成长路径&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;配套内部教材</p>
                            <p>硬件系统集成</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="content-three">
                <p>先进教学方式</p>
                <ul class="content-ul-one">
                    <li>
                        <ul>
                            <li>
                                <img src="../demo/imgs/就业服务/01.png" alt="">
                                <p class="content-three-p1">课堂回放</p>
                                <p class="content-three-p2">当天课程全程录像，在课后提供给同学们， 可以自由反复学习</p>
                            </li>
                            <li>
                                <img src="../demo/imgs/就业服务/03.png" alt="">
                                <p class="content-three-p1">助教跟踪</p>
                                <p class="content-three-p2">助教全程跟踪，有不懂的问题可随时请教助教，督促和应道学员自觉学习</p>
                            </li>
                            <li>
                                <img src="../demo/imgs/就业服务/05.png" alt="">
                                <p class="content-three-p1">信息获取</p>
                                <p class="content-three-p2">海量资料完全对学员开放，都是前辈们整理和积累的结果</p>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <img src="../demo/imgs/就业服务/02.png" alt="">
                                <p class="content-three-p1">课堂回放</p>
                                <p class="content-three-p2">讲师每天对学员作业细心耐心讲解，表扬长处，指出不足</p>
                            </li>
                            <li>
                                <img src="../demo/imgs/就业服务/04.png" alt="">
                                <p class="content-three-p1">助教跟踪</p>
                                <p class="content-three-p2">学生有学习或生活上问题可随时通过EIM系统跟班主任和老师沟通 </p>
                            </li>
                            <li>
                                <img src="../demo/imgs/就业服务/06.png" alt="">
                                <p class="content-three-p1">信息获取</p>
                                <p class="content-three-p2">定期组织学员对教学情况进行评价，解决学员的一切后顾之忧</p>
                            </li>
                        </ul>
                    </li>
                    <li id="li-one">
                        <img src="../demo/imgs/就业服务/07.png" alt="">
                    </li>
                </ul>
            </div>
            <div class="content-four-c">
                <div class="content-four">
                    <p>行业导师为您的就业提供专业指导</p>
                    <!-- <p>全场景学习系统
                    <span class="content-four-sp">（线上线下随便学）</span></p> -->
                    <div class="content-four-top">
                        <ul>
                            <li>
                                <img src="../demo/imgs/就业服务/招聘.png" alt="">
                                <p class="content-two-top-p">招聘平台</p>
                                <p>整合企业招聘资源两万余家服务
                                    <br>企业对蓝狐学员打开职场通道</p>
                                <!-- <p>商业案例实操&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;资深大牛执教</p>
                            <p>企业定制培养</p> -->
                            </li>
                            <li>
                                <img src="../demo/imgs/就业服务/人才.png" alt="">
                                <p class="content-two-top-p">人才定制</p>
                                <p>整合企业招聘资源两万余家服务企业
                                    <br>对蓝狐学员打开职场通道</p>
                                <!-- <p>作业点评指导&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关卡式学习</p>
                            <p>大咖公开课</p> -->
                            </li>
                            <li>
                                <img src="../demo/imgs/就业服务/企业.png" alt="">
                                <p class="content-four-top-p">企业内推</p>
                                <p>就业老师以企业人脉为渠道，<br>将学员简历直接推送到HR手中，学员可快速面试入职</p>
                                <!-- <p>能力成长路径&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;配套内部教材</p>
                            <p>硬件系统集成</p> -->
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="content-five">
                <p>专场招聘会</p>
                <img src="../demo/imgs/就业服务/多图.png" alt="">
            </div>

            <div class="content-six">就业数据</div>

            <!-- 表单 -->
            <div class="form">
                <div class="form-content">
                    <div class="form-table">
                        <ul class="ul-one">
                            <li>姓名</li>
                            <li>
                                学校</li>
                            <li>专业</li>
                            <li>入职单位</li>
                            <li>待遇</li>
                        </ul>
                        <div class="form-table-content">
                            <ul class="ul-two">
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                                <li>
                                    <span>孙帅磊</span>
                                    <span>清华</span>
                                    <span>网络工程</span>
                                    <span>腾讯</span>
                                    <span class="sp-color">300w</span>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>

            </div>
            <div class="content-seven">
                <p class="content-seven-p0">与众多高校深度合作 <span>我校获得高校领导一致好评</span></p>
                <ul>
                    <li>
                        <img src="../demo/imgs/就业服务/学校1.png" alt="">
                        <p class="content-seven-p">新乡长垣烹饪职业技术学院</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/就业服务/学校2.png" alt="">
                        <p class="content-seven-p">河南质量工程职业技术学院</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/就业服务/学校3.png" alt="">
                        <p class="content-seven-p1">开封大学</p>
                    </li>
                    <li>
                        <img src="../demo/imgs/就业服务/学校4.png" alt="">
                        <p class="content-seven-p1">郑州工商学院</p>
                    </li>
                </ul>
            </div>
            <p class="content-nane">（仅展示部分合作院校）</p>

        </div>



    </div>
    <!-- 尾部 -->
    <div class="footer">
        <div class="footer-content">
            <p>联系我们</p>
            <p>想要成功，就要比别人先行动，快来报名吧！</p>
            <div class="footer-inp">
                <input type="text" placeholder="请输入你的姓名">
                <button>联系老师</button>
            </div>
            <div class="footer-nav">
                <div class="f-n-one">
                    <ul class="ul-seven">
                        <li class="li-one">友情链接</li>
                        <li><a href="">蓝狐教育</a></li>
                        <li>中国航天</li>
                        <li>慕课网</li>
                        <li>万维网</li>
                        <li>院政府网</li>
                        <li>微信小程序</li>
                        <li>设计导航</li>
                    </ul>
                </div>
                <div class="f-n-two">
                    <ul class="ul-nane">
                        <li class="li-two">网站地图</li>
                        <li><a href="">首页</a></li>
                        <li><a href="">精品课程</a></li>
                        <li><a href="">就业服务</a></li>
                        <li><a href="">教学服务</a></li>
                        <li><a href="">新闻动态</a></li>
                        <li><a href="">关于蓝狐</a></li>


                    </ul>
                </div>
                <div class="f-n-three">
                    <ul class="ul-ten">
                        <li class="li-three">关注我们</li>
                        <li class="li-four">
                            <img src="../demo/imgs/电话.png" alt="">
                            <span>咨询热线：</span>
                            <i>0371-56621110</i>
                        </li>
                        <li class="li-five">
                            <img src="../demo/imgs/定位.png" alt="">
                            <span> 公司地址：</span>
                            <i>河南省郑州市惠济区天河路128号</i>
                        </li>
                        <li class="li-six">
                            <span><img src="../demo/imgs/二维码1.png" alt="">&nbsp;&nbsp;&nbsp;李老师</span>
                            <span><img src="../demo/imgs/二维码2.png" alt="">&nbsp;&nbsp;&nbsp;段老师</span>
                        </li>
                    </ul>
                </div>
                <div class="f-n-four">
                    <ul class="ul-eleven">
                        <li class="li-seven">联系我们</li>
                        <li class="li-nane">
                            <img src="../demo/imgs/二维码3.png" alt="">
                        </li>

                    </ul>
                </div>
            </div>
            <p class="footer-p">Copyright@2022版权所有 河南蓝狐科技有限公司 ICP备案：豫ICP备2022001701号</p>
        </div>

    </div>
</body>

</html>